.text-box{
    background:#fff;
    border: px solid red;
    width:700px;
    min-height:200px;
    margin:0px 0px 20px 20px;
    display: inline-block;
    position:relative;
    z-index: 0;
}
.text-box header{
    border-bottom: 1px solid red;
    padding:9px;
}
.text-box article{
    margin-bottom:39px;
    padding: 10px
}
.text-box footer{
    border-top: 1px solid red;
    position: absolute;
    bottom:0;
    width:100%;
    padding:9px;
}
/*
    Mobile < 760 = fluid
*/
@media all and (max-width: 760px) and (min-width: 0px) {
    
    .text-box{
        width:96%;
        margin-left:2%;
        margin-right:2%;
    }
}
/*
    Large < 1600
*/
@media all and (max-width: 3000px) and (min-width: 1280px) {
    
    .text-box{
        margin-left:20px;
        width:880px;
    }
}
/*
    Small Widescreens < 1940
*/
@media all and (max-width: 1940px) and (min-width: 1600px) {
    
    .text-box{
        margin-left:;
        width:;
    }
}
/*
    Medium Widescreens < 2540
*/
@media all and (max-width: 2540px) and (min-width: 1940px) {
    
    .text-box{
        margin-left:;
        width:;
    }
}
/*
    Large Widescreans > 2540
*/
@media all and (max-width: 9999px) and (min-width: 2540px) {
    
    .text-box{
        margin-left:;
        width:;
    }
}